<ui:composition template="../template/plantilla_02.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui">

    <ui:define name="panelIzquierdo" >
        <ui:include src="../seguridad/menu_vertical.xhtml"></ui:include>
    </ui:define>
    
    <ui:define name="panelDerecho" >

        <h:form id="fContacto" styleClass="seccionesWeb">
            
            <h:panelGroup layout="block" styleClass="encabezadoPag" >
                <h:panelGroup layout="block" style="position:relative; float:left;" >
                    <h:graphicImage  value="#{aplicacionBean.parametro.pathImagenesDefault}/icono_contacto.gif" alt="Contacto - Intercap SRL Argentina"></h:graphicImage>              
                </h:panelGroup>
                <h:panelGroup layout="block" style=" padding-top:20px;" >
                    <h4>Contacto</h4>Para cualquier consulta complete este formulario de contacto y a la brevedad nos contactaremos con usted .                       
                </h:panelGroup>
            </h:panelGroup>                   
            
            <div style="width:100%; float:left; position:relative;"><p:messages  id="infoContacto" showDetail="true" /></div>
            
            
            <h:panelGrid columns="2" styleClass="colLabel, colDato" style="float:left;">
                
                <h:outputText value="Nombre: " />
                <p:inputText value="#{contactoBean.nombreContacto}" required="True" 
                             requiredMessage="Ingrese un nombre por favor" style="width:280px;" />
                
                <h:outputText value="E-mail:" />
                <p:inputText value="#{contactoBean.emailContacto}" required="True" style="width:280px;" 
                             requiredMessage="Ingrese por favor, una dirección de correo para que podamos contactarnos" size="30"/>
                
                <h:outputText value="Teléfono:" />
                <p:inputText value="#{contactoBean.telefono}" required="True" style="width:280px;" 
                             requiredMessage="Ingrese por favor, un número de teléfono de correo para que podamos contactarnos" size="30"/>
                
                <h:outputText value="Motivo consulta:" />
                <p:inputText value="#{contactoBean.asunto}" style="width:280px;"  required="True"
                             requiredMessage="Ingrese por favor, el motivo de la consulta"/>
               

                <h:outputText value="Consulta:" />
                <p:inputTextarea value="#{contactoBean.mensaje}" style="width:280px;" rows="10"
                                 required="True"
                                 requiredMessage="Ingrese por favor, la consulta a realizar" />
            
            </h:panelGrid>
            
            <address>
            <h:panelGrid columns="1"  style="float:left; line-height: 20px; margin-left: 10px; width:auto;">
                <strong><span itemprop="legalName">Intercap S.R.L. </span></strong><br/>
                <strong> Dirección:</strong><br/>
                        <span itemprop="street-address">Belgrano 777 Dpto. "D"</span><br/>
                        <span itemprop="postal-code">3560 </span><span itemprop="locality">Reconquista </span>,
                        <span itemprop="region">Santa Fe </span><br/>
                        <span itemprop="country-name">Argentina</span>
                    <br/>
                    <strong>Tel.:</strong> <span itempromp="telephone">0810-888-21130</span> (costo de llamada local) <br/>
                    <strong>Fax: </strong><span itempromp="faxNumber">0800-888-21130</span> (gratuito)<br/>
                    <strong>E-mail:</strong><span itempromp="email"> info@intercap.com.ar </span>/ <span itempromp="email">soporte@intercap.com.ar</span>
                    <br/>
            </h:panelGrid>
            </address>
            
            <div style="float:left; margin-bottom: 20px; position:relative; margin-left:10px; margin-top:10px;"><img src="http://www.intercap.com.ar/imagenes/foto-vehiculos.jpg" /></div>
            
            <div class="contEnviar">

                <p:commandButton id="btnEnviar"
                                 value="Enviar consulta"
                                 icon="send16"                                 
                                 actionListener="#{contactoBean.enviarNotificaciones()}" update="@form" />

            </div>

       </h:form>

  </ui:define>
    
</ui:composition>